{extend name='main'}

{block name="button"}
<!--{if auth("add")}-->
<button data-modal='{:url("add")}' data-title="添加菜单" class='layui-btn layui-btn-sm layui-btn-primary my-btn-success'>添加菜单</button>
<!--{/if}-->
<!--{if auth("remove")}-->
<button data-action='{:url("remove")}' data-csrf="{:systoken('remove')}" data-rule="id#{key}" class='layui-btn layui-btn-sm layui-btn-primary my-btn-danger'>删除菜单</button>
<!--{/if}-->
{/block}

{block name="content"}
<div class="think-box-shadow table-block">
    {empty name='list'}
    <blockquote class="layui-elem-quote">没 有 记 录 哦！</blockquote>
    {else}
    <table class="layui-table" lay-skin="line">
        <thead>
        <tr>
            <th class='list-table-check-td think-checkbox'>
                <label><input data-auto-none data-check-target='.list-check-box' type='checkbox'></label>
            </th>
            <th class='list-table-sort-td'>
                <button type="button" data-reload class="layui-btn layui-btn-xs">刷 新</button>
            </th>
            <th class='text-center' style="width:30px"></th>
            <th style="width:180px"></th>
            <th class='layui-hide-xs' style="width:180px"></th>
            <th colspan="2"></th>
        </tr>
        </thead>
        <tbody>
        {foreach $list as $key=>$vo}
        <tr data-dbclick>
            <td class='list-table-check-td think-checkbox'>
                <label><input class="list-check-box" value='{$vo.ids}' type='checkbox'></label>
            </td>
            <td class='list-table-sort-td'>
                <input data-action-blur="{:request()->url()}" data-value="id#{$vo.id};action#sort;sort#{value}" data-loading="false" value="{$vo.sort}" class="list-sort-input">
            </td>
            <td class='text-center'><i class="{$vo.icon} font-s18"></i></td>
            <td class="nowrap"><span class="color-desc">{$vo.spl|raw}</span>{$vo.title}</td>
            <td class='layui-hide-xs'>{$vo.url}</td>
            <td class='text-center nowrap'>{eq name='vo.status' value='0'}<span class="color-red">已禁用</span>{else}<span class="color-green">使用中</span>{/eq}</td>
            <td class='text-center nowrap notselect'>

                {if auth("add")}
                <span class="text-explode">|</span>
                <!--{if $vo.spt < 2}-->
                <a style="background-color: #1266f1;color: white; border: none;" class="layui-btn layui-btn-xs layui-btn-primary"
                   data-title="添加子菜单" data-tips-text="添加子菜单" data-modal='{:url("add")}?pid={$vo.id}'>
                    <i class="fa fa-plus-circle" aria-hidden="true"></i>
                </a>
                <!--{else}-->
                <a class="layui-btn layui-btn-xs layui-btn-disabled" style="opacity: 0;">
                    <i class="fa fa-plus-circle" aria-hidden="true"></i>
                </a>
                <!--{/if}-->
                {/if}

                {if auth("edit")}
                <a class="layui-btn layui-btn-xs" data-title="编辑菜单" data-tips-text="编辑" data-modal='{:url("edit")}?id={$vo.id}'>
                    <i class="fa fa-pencil" aria-hidden="true"></i>
                </a>
                {/if}

                {if $vo.status eq 1 and auth("state")}
                <a class="layui-btn layui-btn-warm layui-btn-xs" data-confirm="确定要禁用菜单吗？" data-tips-text="禁用" data-action="{:url('state')}" data-value="id#{$vo.ids};status#0" data-csrf="{:systoken('state')}">
                    <i class="fa fa-ban" aria-hidden="true"></i>
                </a>
                {elseif auth("state")}
                <a class="layui-btn layui-btn-warm layui-btn-xs" style="background-color: #129aff;" data-action="{:url('state')}" data-tips-text="启用" data-value="id#{$vo.ids};status#1" data-csrf="{:systoken('state')}">
                    <i class="fa fa-check-circle" aria-hidden="true"></i>
                </a>
                {/if}

                {if auth("remove")}
                <a class="layui-btn layui-btn-danger layui-btn-xs" data-confirm="确定要删除数据吗?" data-tips-text="删除" data-action="{:url('remove')}" data-value="id#{$vo.ids}" data-csrf="{:systoken('remove')}">
                    <i class="fa fa-trash" aria-hidden="true"></i>
                </a>
                {/if}

            </td>
        </tr>
        {/foreach}
        </tbody>
    </table>
    {/empty}
</div>
{/block}
